<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset=utf-8>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Pluton</title>
	<!-- Load Roboto font -->
	<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700&amp;subset=latin,latin-ext' rel='stylesheet'
	 type='text/css'>
	<!-- Load css styles -->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/pluton.css" />
	<!--[if IE 7]>
	<link rel="stylesheet" type="text/css" href="css/pluton-ie7.css" />
<![endif]-->
	<link rel="stylesheet" type="text/css" href="css/jquery.cslider.css" />
	<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css" />
	<link rel="stylesheet" type="text/css" href="css/animate.css" />
	<!-- Fav and touch icons -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72.png">
	<link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57.png">
	<link rel="shortcut icon" href="images/ico/favicon.ico">
</head>

<body>
	<div class="navbar">
		<div class="navbar-inner">
			<div class="container">
				<a href="#" class="brand">
					<img src="images/logo.png" width="120" height="40" alt="Logo" />
					<!-- This is website logo -->
				</a>
				<!-- Navigation button, visible on small resolution -->
				<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<i class="icon-menu"></i>
				</button>
				<!-- Main navigation -->
				<div class="nav-collapse collapse pull-right">
					<ul class="nav" id="top-navigation">
						<li class="active"><a href="#home">导航</a></li>
						<li><a href="#service">Services</a></li>
						<li><a href="#portfolio">Portfolio</a></li>
						<li><a href="#about">About</a></li>
						<li><a href="#clients">Clients</a></li>
						<li><a href="#price">Price</a></li>
						<li><a href="#contact">Contact</a></li>
					</ul>
				</div>
				<!-- End main navigation -->
			</div>
		</div>
	</div>
	<!-- Start home section -->
	<div id="home">
		<!-- Start cSlider -->
		<div id="da-slider" class="da-slider">
			<div class="triangle"></div>
			<!-- mask elemet use for masking background image -->
			<div class="mask"></div>
			<!-- All slides centred in container element -->
			<div class="container">
				<!-- Start first slide -->
				<div class="da-slide">
					<h2 class="fittext2">轮播图1</h2>
					<h4>轮播图1</h4>
					<p>讲解1</p>
					<div class="da-img">
						<img src="images/Slider01.png" alt="image01" width="320">
					</div>
				</div>
				<!-- End first slide -->
				<!-- Start second slide -->
				<div class="da-slide">
					<h2 class="fittext2">轮播图2</h2>
					<h4>轮播图2</h4>
					<p>讲解2</p>
					<div class="da-img">
						<img src="images/Slider02.png" width="320" alt="image02">
					</div>
				</div>
				<!-- End second slide -->
				<!-- Start third slide -->
				<div class="da-slide">
					<h2 class="fittext2">轮播图3</h2>
					<h4>轮播图3</h4>
					<p>讲解3</p>
					<div class="da-img">
						<img src="images/Slider03.png" width="320" alt="image03">
					</div>
				</div>
				<!-- Start third slide -->
				<!-- Start cSlide navigation arrows -->
				<div class="da-arrows">
					<span class="da-arrows-prev"></span>
					<span class="da-arrows-next"></span>
				</div>
				<!-- End cSlide navigation arrows -->
			</div>
		</div>
	</div>
	<!-- End home section -->
	<!-- Service section start -->
	<div class="section primary-section" id="service">
		<div class="container">
			<!-- Start title section -->
			<div class="title">
				<h1>我们的服务</h1>
				<!-- Section's title goes here -->
				<p>内容</p>
				<!--Simple description for section goes here. -->
			</div>
			<div class="row-fluid">
				<div class="span4">
					<div class="centered service">
						<div class="circle-border zoom-in">
							<img class="img-circle" src="images/Service1.png" alt="service 1">
						</div>
						<h3>我们的服务1</h3>
						<p>我们的服务内容1</p>
					</div>
				</div>
				<div class="span4">
					<div class="centered service">
						<div class="circle-border zoom-in">
							<img class="img-circle" src="images/Service2.png" alt="service 2" />
						</div>
						<h3>我们的服务2</h3>
						<p>我们的服务内容2</p>
					</div>
				</div>
				<div class="span4">
					<div class="centered service">
						<div class="circle-border zoom-in">
							<img class="img-circle" src="images/Service3.png" alt="service 3">
						</div>
						<h3>我们的服务3</h3>
						<p>我们的服务内容3</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Service section end -->
	<!-- Portfolio section start -->
	<div class="section secondary-section " id="portfolio">
		<div class="triangle"></div>
		<div class="container centered">
			<div class="sub-section">
				<div class="title clearfix">
					<div class="pull-left">
						<h3>产品秀</h3>
					</div>
					<ul class="client-nav pull-right">
						<li id="client-prev"></li>
						<li id="client-next"></li>
					</ul>
				</div>
				<ul class="row client-slider" id="clint-slider">
					<li>
						<a href="">
							<img src="images/clients/ClientLogo01.png" alt="client logo 1">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/clients/ClientLogo02.png" alt="client logo 2">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/clients/ClientLogo03.png" alt="client logo 3">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/clients/ClientLogo04.png" alt="client logo 4">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/clients/ClientLogo05.png" alt="client logo 5">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/clients/ClientLogo02.png" alt="client logo 6">
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/clients/ClientLogo04.png" alt="client logo 7">
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- Portfolio section end -->
	<!-- About us section start -->
	<div class="section primary-section" id="about">
		<div class="triangle"></div>
		<div class="container">
			<div class="title">
				<h1>代理秀</h1>
				<p>代理秀宣言</p>
			</div>
			<div class="row-fluid team">
				<div class="span4" id="first-person">
					<div class="thumbnail">
						<img src="images/Team1.png" alt="team 1">
						<h3>代理名称</h3>
						<h2>代理等级</h2>
						<div class="mask">
							<p>代理个人名言</p>
						</div>
					</div>
				</div>
				<div class="span4" id="first-person">
					<div class="thumbnail">
						<img src="images/Team1.png" alt="team 1">
						<h3>代理名称</h3>
						<h2>代理等级</h2>
						<div class="mask">
							<p>代理个人名言</p>
						</div>
					</div>
				</div>
				<div class="span4" id="first-person">
					<div class="thumbnail">
						<img src="images/Team1.png" alt="team 1">
						<h3>代理名称</h3>
						<h2>代理等级</h2>
						<div class="mask">
							<p>代理个人名言</p>
						</div>
					</div>
				</div>
			</div>
			<div class="about-text centered">
				<h3>关于代理</h3>
				<p>内容</p>
			</div>
		</div>
	</div>

	<div id="price" class="section secondary-section">
		<div class="triangle"></div>
		<div class="container">
			<div class="title">
				<h1>企业新闻</h1>
			</div>
			<div class="price-table row-fluid">
				<div class="span6">
					<div class="highlighted-box center">
						<h2 style="color: #000;">新闻标题</h2>
						<p class="centents">内容</p>
						<a href="">
							<button class="button button-sp">查看</button>
						</a>
					</div>
				</div>
				<div class="span6">
					<div class="highlighted-box center">
						<h2 style="color: #000;">新闻标题</h2>
						<p class="centents">内容</p>
						<a href="">
							<button class="button button-sp">查看</button>
						</a>
					</div>
				</div>
			</div>
	
		</div>
	</div>

	<!-- Client section start -->
	<!-- Client section start -->
	<div id="clients">
		<div class="section primary-section">
			<div class="triangle"></div>
			<div class="container">
				<div class="title">
					<h1>关于公司</h1>
					<p>讲解。。。</p>
				</div>
			</div>
		</div>
	</div>
	
	<!-- Price section end -->
	<!-- Newsletter section start -->
	
	<!-- Newsletter section end -->
	<!-- Contact section start -->
	<div id="contact" class="contact">
		<div class="section secondary-section">
			<div class="container">
				<div class="title">
					<h1>公司底部</h1>
				</div>
			</div>
		</div>
	</div>
	<!-- Contact section edn -->
	<!-- Footer section start -->
	<div class="footer">
		<p>版权 &copy; 2017.Company name All rights reserved.<a target="_blank" href="#"></a></p>
	</div>
	<!-- Footer section end -->
	<!-- ScrollUp button start -->
	<div class="scrollup">
		<a href="#">
			<i class="icon-up-open"></i>
		</a>
	</div>
	<!-- ScrollUp button end -->
	<!-- Include javascript -->
	<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="js/jquery.mixitup.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript" src="js/modernizr.custom.js"></script>
	<script type="text/javascript" src="js/jquery.bxslider.js"></script>
	<script type="text/javascript" src="js/jquery.cslider.js"></script>
	<script type="text/javascript" src="js/jquery.placeholder.js"></script>
	<script type="text/javascript" src="js/jquery.inview.js"></script>

	<!-- css3-mediaqueries.js for IE8 or older -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
<![endif]-->
	<script type="text/javascript" src="js/app.js"></script>
</body>

</html>